﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
html 
{
	height: 100%;
}

body
{
    background-color: #5c87b2;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
    overflow: hidden;
    height: 100%;
}


/* HEADER   
----------------------------------------------------------*/
#header 
{
	height: 62px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
	background: #cfe7fa; /* Old browsers */
	background: -moz-linear-gradient(top, #cfe7fa 0%, #6393c1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe7fa), color-stop(100%,#6393c1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cfe7fa 0%,#6393c1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 );/* IE6-9 */

	border-bottom: 2px groove #CFE7FA

	
}

#title
{
	color: White;
	font-family: helvetica;
	font-size: 2.5em;
	font-style: italic;
	font-weight: bolder;
	padding: 10px 10px 0;
}

#login-display
{
	display: inline-block;
	position: absolute;
	right: 0px;
	padding: 10px;
	color: White;
}

#btnOptionsMenu 
{
	display: block;
	position: absolute;
	right: 10px;
	background: url("../images/btnOptionsMenu.png") no-repeat;
	width: 23px;
	height: 23px;
	border: 1px solid lightblue;
	margin-top: 3px;
	border-radius: 4px;
	
	behavior: url(/InfoSource/Content/Scripts/Pie/PIE.htc);
}

#btnOptionsMenu:hover 
{
	border: 1px inset lightgray;
}

#OptionsMenu
{
	display: none;
	width: 200px;
	position:absolute;
	z-index: 1000;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
#content
{
	margin-top: 55px;
	position: relative	
}

.pageContent 
{
	float: left;
	display: none;
	position: relative;
	width: 100%;
}

.pageContent.active 
{
	display: inline-block;
}

.pageTitle 
{
	display: none;
}

FIELDSET 
{
	border-radius: 5px;
	
	behavior: url(/InfoSource/Content/Scripts/Pie/PIE.htc);
}

/* LISTS
-----------------------------------------------------------*/
.list-container > UL {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	height: 100%;
}

LABEL.list-container,
LABEL.data-field
{
	color: white;
	font-size: small;
}

SPAN.data-field {
  background: none repeat scroll 0 0 lightblue;
  border: 2px inset black;
  border-radius: 5px 5px 5px 5px;
  padding: 5px;
  display: inline-block;
  color: Black;
}

SPAN.data-field.large 
{
	font-size: large;
}

DIV.list-container {
	border: 2px inset black;
	width: 90%;
	border-radius: 6px;
	background-color: White;
	position: relative;
	
	behavior: url(/InfoSource/Content/Scripts/Pie/PIE.htc);
}

.list-item {
	background-color: aliceblue;
	border-bottom: 2px solid black;
	border-top: 1px solid white;
	color: black;
	cursor: pointer;
	padding: 1px 5px;
	border-radius: 4px;
	
	/*
	behavior: url(/InfoSource/Content/Scripts/Pie/PIE.htc);
    */
     
}

.list-item:hover
{
	background-color: powderblue;
}	

.list-item:first-child {
	border-top: medium none;
}

.list-item:last-child {

}


/* NAVIGATION TABS  
----------------------------------------------------------*/
#navigation-tabs UL 
{
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}

#navigation-tabs LI
{
	border:1px solid black;
	padding:5px;
	display: inline-block;
	color: #CFE7FA;
	background-color: #5c87b2;
	border-radius: 6px 6px 0 0;
	border-bottom: 0px none;
	box-shadow: 1px -1px 2px rgba(0,0,0,.3);
	
	behavior: url(/InfoSource/Content/Scripts/Pie/PIE.htc);
	/* overrides in SiteIE8.css */
}

#navigation-tabs A 
{
	color: #CFE7FA;
	text-decoration: none;
}

#navigation-tabs LI.selected
{
	border-bottom: 1px solid #6393C1;
	margin-top: 3px;
	background: #CFE7FA;
	color: #5c87b2;
	font-weight: bold;
	box-shadow: 1px -1px 1px rgba(255, 255, 255, .5);
	
	behavior: url(/InfoSource/Content/Scripts/Pie/PIE.htc);
}

#navigation-tabs LI.selected A
{
	color: #5c87b2;
}

.generic-loading 
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(/InfoSource/Content/Images/ajax-loader-large.gif) no-repeat center center #ffffff;
    opacity:0.75;
    filter:alpha(opacity=75);
    
}




/* JQUERY UI OVERRIDES -------------
* ----------------------------------*/

.ui-menu .ui-menu 
{
    width: 200px;
}

.ui-dialog 
{
	box-shadow: 5px 5px 5px rgba(0, 0, 0, .9);
	
	behavior: url(/InfoSource/Content/Scripts/Pie/PIE.htc);
}


/* REDACTOR OVERRIDES -------------
* ----------------------------------*/
.redactor_toolbar li a.redactor_btn_save  {
    background: url(/InfoSource/Content/Images/iconSet1.png) no-repeat;
    background-position: -31px -378px;
}

.redactor_toolbar li a.redactor_btn_deleteTemplate  {
    background: url(/InfoSource/Content/Images/iconSet1.png) no-repeat;
    background-position: -220px -8px;
}

.redactor_toolbar li a.redactor_btn_email  {
    background: url(/InfoSource/Content/Images/iconSet1.png) no-repeat;
    background-position: -57px -61px;
}

.redactor_toolbar li a.redactor_btn_formFields  {
    background: url(/InfoSource/Content/Images/iconSet1.png) no-repeat;
    background-position: -111px -537px;
}


